<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>前端开发学习手册</title>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    .bj {
      width: 100%;
      height: 250px;
      background-image: url(./img/admin3.jpg);

    }

    .header {
      width: 100%;
      margin: auto;
      background-color: rgba(red, green, blue, alpha);
      background-color: #ffffff;
    }

    .logo img {
      width: 150px;
      margin: 20px 20px 0 20px;
    }

    .tou {
      width: 1000px;
      /* background-color: pink; */
      overflow: hidden;
      margin: auto;
    }

    .tou a {
      text-decoration: none;
      color: black;
      float: left;
      font-size: 20px;
    }

    .tou li {
      width: 130px;
      height: 96px;
      float: left;
      list-style: none;
      padding: 15px;
      margin-top: 20px;
      box-sizing: border-box;
    }

    .center {
      width: 100%;
      min-width: 1024px;
      display: block;
      margin-top: 120px;
    }

    .center .tit {
      width: 100%;
      text-align: center;
      /* border: 1px solid black; */
      line-height: 80px;
      padding-left: 30px;
      font-size: 30px;
      border-bottom: 1px solid rgba(0,0,0,0.3);
    }
  
    .center li {
      width: 100%;
      cursor: pointer;
      /* height: 80px; */
      border-bottom: 1px solid rgba(0,0,0,0.3);
      box-sizing: border-box;
      list-style: none;
      line-height: 80px;
      padding-left: 50px;
      font-size: 20px;
    }
    li a {
      color: black;
      text-decoration: none;
    }
  </style>
</head>

<body>
  <div class="bj">
    <div class="header">
      <div class="tou">
        <a href="./ajie.html" class="logo"><img src="./img/logo.png"></a>
        <ul>
          <li>
            <a href="./index.html">首页</a>
          </li>
          <li>
            <a href="./ajie.html">计划内容</a>
          </li>
          <li>
            <a href="./aboke.html">博客</a>
          <li>
            <a href="./ashipin.html">视频</a>
          </li>
          <li>
            <a href="./axiazai.html">下载</a>
          </li>
        </ul>
        <hr>
      </div>
    </div>

    <div class="center">
      <div class="tit">
        <span>第一期学习计划</span>
      </div>
      <ul>
        <li><a href="#">mysql第一天</a></li>
      </ul>
    </div>
</body>

</html>